<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style.css" rel="Stylesheet" type="text/css" />
<link href="windows7/ribbon-button.css" rel="Stylesheet" type="text/css" />
<link href="js/themes/cupertino/jquery.ui.all.css" rel="Stylesheet" type="text/css" />
<link href="js/themes/cupertino/js/themes/cupertino/jquery-ui-1.8.2.custom.css" rel="Stylesheet" type="text/css" />
<script language="javascript1.1" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script language="javascript1.1" type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
</head>

<body>
<div id="container">
	<div id="header">
	    <div class="topbar">
			<div class="topbarcontent">
            	<img src="images/cal.png"/>
                <span id="today_text">
            	今日：
                </span>
                	<span>2012年2月16日 星期五</span>
                    <span>农历 </span>
          </div>
		</div>
    </div>
	<div id="wrapper">
        <div id="content">
            <h1>历史事件：</h1>
            <div id="datepicker"></div>
             <hr/>
            <div id="my-history-content">
            	<ul>
                	<li>asdf saf dfsa asdf asfa asdf asdf asdfasdfasdfas asfas f asdf asdf asdf asdfasdf fasdf asdf asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                    <li>asdf</li>
                </ul>
            </div>
        </div>
	</div>
	<div id="navigation">
		<h1>在我的邮盘资源库中：</h1>
         <hr/>
       <ul>
        <li>共有多少篇文章。</li>
        <li>共有多少篇文章已经保存到邮盘。</li>
        <li>有多少篇文章还未保存到邮盘。</li>
       </ul>
       <hr/>
       <p>&nbsp;&nbsp;&nbsp;&nbsp;你现在还没有邮盘，你可以使用你的邮件在这里免费为你生成一个邮盘，<span class="ribbon-small-button"><a href="#"><img name="" src="images/add.gif" width="16" height="16" alt="" />新邮盘</a></span>。<br/>&nbsp;&nbsp;&nbsp;&nbsp;你有了邮盘可以实时将你的文档保存到你的邮箱里，随时随地共享你的文档。</p>
       <p>你已经有了2个邮盘。</p>
       <ul>
        <li>lifeidoc@gmail.com (25)</li>
        <li>lifeidoc@126.com (30)</li>
       </ul>
       <p>使用我的邮箱生成一个<span class="ribbon-small-button"><a href="#"><img name="" src="images/add.gif" width="16" height="16" alt="" />新邮盘</a></span>。</p>
	</div>
	<div id="footer"></div>
</div>
 <script>
  $(document).ready(function() {
	 $.datepicker.regional['zh-CN'] =
		 {
	
			clearText: '清除', clearStatus: '清除已选日期',
			closeText: '关闭', closeStatus: '不改变当前选择',
			prevText: '&lt;上月', prevStatus: '显示上月',
			nextText: '下月&gt;', nextStatus: '显示下月',
			currentText: '今天', currentStatus: '显示本月',
			monthNames: ['一月','二月','三月','四月','五月','六月',
			'七月','八月','九月','十月','十一月','十二月'],
			monthNamesShort: ['一','二','三','四','五','六',
			'七','八','九','十','十一','十二'],
			monthStatus: '选择月份', yearStatus: '选择年份',
			weekHeader: '周', weekStatus: '年内周次',
			dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
			dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
			dayNamesMin: ['日','一','二','三','四','五','六'],
			dayStatus: '设置 DD 为一周起始', dateStatus: '选择 m月 d日, DD',
			dateFormat: 'yy-mm-dd', firstDay: 1, 
			initStatus: '请选择日期', isRTL: false
	
	   };
	$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
    $("#datepicker").datepicker({
		showOtherMonths: true,
		selectOtherMonths: true

	});
  });
  </script>
</body>
</html>
